<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SignDemoIndexPage</title>
    <style type="text/css">
        .align-center {
            margin: 0 auto; /* 居中 这个是必须的，，其它的属性非必须 */
            width: 500px; /* 给个宽度 顶到浏览器的两边就看不出居中效果了 */
            /* background: red; /* 背景色 */
            text-align: center; /* 文字等内容居中 */
        }
    </style>
</head>
<body>
<div class="align-center">
    <h1>签到系统</h1>
    <form method="post" action="/toLogin/">
        <input name="userName" type="text" placeholder="请填写用户名"><br>
        <input name="userPassWord" type="password" placeholder="请输入密码"><br>
        {{ error }}<br>
        <button id="btnLogin" type="submit">登陆</button>
        {% csrf_token %} <!-- 防止post请求报错 -->
    </form>
</div>
</body>
</html>